<div class="list-group ">
    <div class="whitebg paihang list-group-item">
        <h2 class="htitle card-header">点击排行</h2>
        <section class="topnews imgscale"><a href="/"><img src="{{ asset('images/h1.jpg') }}"><span>6条网页设计配色原则,让你秒变配色高手</span></a>
        </section>
        <ul>
            <li><i></i><a href="/">十条设计原则教你学会如何设计网页布局!</a></li>
            <li><i></i><a href="/">用js+css3来写一个手机栏目导航</a></li>
            <li><i></i><a href="/">6条网页设计配色原则,让你秒变配色高手</a></li>
            <li><i></i><a href="/">三步实现滚动条触动css动画效果</a></li>
            <li><i></i><a href="/">个人博客，属于我的小世界！</a></li>
            <li><i></i><a href="/">安静地做一个爱设计的女子</a></li>
            <li><i></i><a href="/">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></li>
            <li><i></i><a href="/">做个人博客如何用帝国cms美化留言增加头像选择</a></li>
        </ul>
    </div>
    <div class="whitebg tuijian list-group-item">
        <h2 class="htitle">本栏推荐</h2>
        <section class="topnews imgscale"><a href="/"><img src="{{ asset('images/h2.jpg') }}"><span>6条网页设计配色原则,让你秒变配色高手</span></a>
        </section>
        <ul>
            <li><a href="/"><i><img src="{{ asset('images/text01.jpg') }}"></i>
                    <p>十条设计原则教你学会如何设计网页布局!</p>
                </a></li>
            <li><a href="/"><i><img src="{{ asset('images/text02.jpg') }}"></i>
                    <p>用js+css3来写一个手机栏目导航</p>
                </a></li>
            <li><a href="/"><i><img src="{{ asset('images/text03.jpg') }}"></i>
                    <p>6条网页设计配色原则,让你秒变配色高手</p>
                </a></li>
            <li><a href="/"><i><img src="{{ asset('images/text04.jpg') }}"></i>
                    <p>三步实现滚动条触动css动画效果</p>
                </a></li>
            <li><a href="/"><i><img src="{{ asset('images/text05.jpg') }}"></i>
                    <p>个人博客，属于我的小世界！</p>
                </a></li>
            <li><a href="/"><i><img src="{{ asset('images/text06.jpg') }}"></i>
                    <p>安静地做一个爱设计的女子</p>
                </a></li>
            <li><a href="/"><i><img src="{{ asset('images/text07.jpg') }}"></i>
                    <p>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</p>
                </a></li>
        </ul>
    </div>
    <div class="ad whitebg imgscale list-group-item">
        <ul>
            <a href="/"><img src="{{ asset('images/ad.jpg') }}"></a>
        </ul>
    </div>
    <div class="whitebg cloud list-group-item">
        <h2 class="htitle">标签云</h2>
        <ul>
            @foreach($tags as $tag)
                <a href="{{ route('tags.show',$tag->id) }}" target="_blank">{{ $tag->name }}</a>
            @endforeach

        </ul>
    </div>
    <div class="whitebg wenzi list-group-item">
        <h2 class="htitle">猜你喜欢</h2>
        <ul>
            <li><a href="/">十条设计原则教你学会如何设计网页布局!</a></li>
            <li><a href="/">用js+css3来写一个手机栏目导航</a></li>
            <li><a href="/">6条网页设计配色原则,让你秒变配色高手</a></li>
            <li><a href="/">三步实现滚动条触动css动画效果</a></li>
            <li><a href="/">个人博客，属于我的小世界！</a></li>
            <li><a href="/">安静地做一个爱设计的女子</a></li>
            <li><a href="/">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></li>
            <li><a href="/">做个人博客如何用帝国cms美化留言增加头像选择</a></li>
        </ul>
    </div>
    <div class="ad whitebg imgscale list-group-item">
        <ul>
            <a href="/"><img src="{{ asset('images/ad02.jpg') }}"></a>
        </ul>
    </div>
    <div class="whitebg tongji list-group-item">
        <h2 class="htitle">站点信息</h2>
        <ul>
            <li><b>建站时间</b>：2018-10-24</li>
            <li><b>网站程序</b>：帝国cms</li>
            <li><b>主题模板</b>：<a href="http://www.yangqq.com" target="_blank">《今夕何夕》</a></li>
            <li><b>文章统计</b>：299条</li>
            <li><b>文章评论</b>：490条</li>
            <li><b>统计数据</b>：<a href="/">百度统计</a></li>
            <li><b>微信公众号</b>：扫描二维码，关注我们</li>
            <img src="{{ asset('images/wxgzh.jpg')}}" class="tongji_gzh">
        </ul>
    </div>
</div>